<template>
    <a-icon :component="iconEmpty" :style="{fontSize: size+'px'}"></a-icon>
</template>

<script>
    export default {
        name: "IconEmpty",
        data() {
            return {
                iconEmpty: {
                    template:`<svg t="1626153645684" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3692" width="200" height="200"><path d="M512 123.392c-216.576 0-392.192 175.616-392.192 392.192s175.616 392.192 392.192 392.192 392.192-175.616 392.192-392.192-175.616-392.192-392.192-392.192z m252.416 387.584v12.8c0 17.408-14.336 32.256-32.256 32.256H297.984c-17.408 0-32.256-14.336-32.256-32.256v-12.8c0-17.408 14.336-32.256 32.256-32.256H732.16c17.92 0 32.256 14.336 32.256 32.256z" p-id="3693"></path></svg>`
                }
            }
        },
        props: {
            size: {
                type: Number,
                default: 16,
            }
        }
    }
</script>

<style scoped>

</style>